.expressTemplate_title {
    padding: 36px 24px 24px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .expressTemplate_title_left {
        font-size: 24px;

        .expressTemplate_title_logo {
            width: 60px;
            height: 60px;
        }

        .expressTemplate_title_name {
            color: #333333;
        }
    }

    .expressTemplate_title_right {
        color: #1677ff;
        text-decoration: underline;
    }
}

.expressTemplate_steps {
    padding: 8px 16px;
    width: 100%;
    box-sizing: border-box;

    .adm-step {
        --line-to-next-color: #eeeeee;
        --icon-color: #eeeeee;
        position: relative;
        z-index: 0;
        display: flex;
        align-items: stretch;



        .adm-step-content {
            flex: auto;
            padding-bottom: 24px;

            .adm-step-title {
                font-size: 26px;
                line-height: 1.5;
            }

            .adm-step-description {
                padding-top: 4px;
                font-size: 26;
                color: #999999;
            }
        }
    }

    .adm-step-status-process {
        color: #1677ff;

        .adm-step-indicator {
            flex: none;
            width: 24px;
            margin-right: 0;
            position: relative;

            .adm-step-icon-container {
                top: calc(13* 1.5 / 2);
                left: 50%;
                transform: translate(-50%, -50%);
                position: absolute;
                z-index: 1;

                .adm-step-icon-dot {
                    display: block;
                    width: 8px;
                    height: 8px;
                    background: currentColor;
                    border-radius: 4px;
                }
            }
        }

        .adm-step-indicator::after {
            content: '';
            position: absolute;
            z-index: 0;
            background-color: #999999;
            left: 50%;
            top: calc(13* 1.5 / 2);
            width: 1px;
            transform: translateX(-50%);
            height: 100%;
        }
    }

    .adm-step-status-wait {
        color: #999999;

        .adm-step-indicator {
            flex: none;
            width: 24px;
            margin-right: 0;
            position: relative;

            .adm-step-icon-container {
                top: calc(13* 1.5 / 2);
                left: 50%;
                transform: translate(-50%, -50%);
                position: absolute;
                z-index: 1;

                .adm-step-icon-dot {
                    display: block;
                    width: 8px;
                    height: 8px;
                    background: currentColor;
                    border-radius: 4px;
                }
            }
        }

        .adm-step-indicator::after {
            content: '';
            position: absolute;
            z-index: 0;
            background-color: #999999;
            left: 50%;
            top: calc(13* 1.5 / 2);
            width: 1px;
            transform: translateX(-50%);
            height: 100%;
        }
    }
}